<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
    <link rel="stylesheet" href="../../css/public.css" media="all">
    <style>
        body {
            background-color: #ffffff;
        }

        .tu {
            width: 650px;
            z-index: 2;
            height: 480px;
            float: left;
        }
        #ans3{
            width:800px;
            z-index: 2;
            height: 480px;
            margin: 0 auto;
        }
        #content1 {
            width: 1300px;
        }

        .container {
            position: relative;
            float: left;
            width: 650px;
            height: 500px;
        }

        .container2 {
            position: relative;
            margin: 0 auto;
            width: 800px;
            height: 500px;
        }
    </style>
</head>

<body>
    <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
        <ul class="layui-tab-title">
            <li class="layui-this">第一轮</li>
            <li>第二轮</li>
            <li>第三轮</li>
        </ul>
        <div class="layui-tab-content" id="content0">
            <!-- 表格 -->
            <table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table>
        </div>
        <form class="layui-form layui-form-pane" action="">
            <div class="layui-tab-content" id="content1" style="display: none;">
                <div class="container">
                    <input type="checkbox" name="close" lay-skin="switch" lay-filter="switchTest" lay-text="加权|未加权"
                        id="switch_ans2_1">
                    <div class="tu" id="ans2_1">
                    </div>
                </div>
                <div id="contanier">
                    <input type="checkbox" name="close" lay-skin="switch" lay-filter="switchTest2" lay-text="加权|未加权"
                        id="switch_ans2_2">
                    <div class="tu" id="ans2_2">
                    </div>
                </div>
            </div>
        </form>
        <form class="layui-form layui-form-pane" action="">
            <div class="layui-tab-content" id="content2" style="display: none;">
                <div class="container2">
                    <input type="checkbox" name="close" lay-skin="switch" lay-filter="switchTest3" lay-text="加权|未加权"
                        id="switch_ans3">
                    <div id="ans3">
                    </div>
                </div>
            </div>
        </form>
    </div>
    <script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
    <script src="js/echarts.js" ,type="text/javascript"></script>
    <script src="js/jquery-3.1.1.min.js" ,type="text/javascript"></script>
    <script>
        layui.use(['form'], function () {
            var form = layui.form,
                layer = layui.layer,
                table = layui.table,
                $ = layui.$;
            form.on('switch(switchTest)', function (data) {
                if (this.checked == true) {
                    $.get('/answer2', {
                        question: '2-1',
                        weight: 'true'
                    }, function (re) {
                        data = re
                        var option2_1 = {
                            title: {
                                text: '返校所需条件预测结果',
                                left: 'center'

                            },
                            tooltip: {
                                trigger: 'axis',
                                axisPointer: {
                                    type: 'shadow'
                                }
                            },
                            legend: {
                                data: ['21天内所在地无病历', '14天内所在地无病历', '7天内所在地无病历'],
                                top: 'bottom',

                            },
                            toolbox: {
                                show: true,
                                orient: 'vertical',
                                left: 'right',
                                top: 'center',
                                feature: {
                                    mark: {
                                        show: true
                                    },
                                    dataView: {
                                        show: true,
                                        readOnly: false
                                    },
                                    magicType: {
                                        show: true,
                                        type: ['line', 'bar', 'stack']
                                    },
                                    restore: {
                                        show: true
                                    },
                                    saveAsImage: {
                                        show: true
                                    }
                                }
                            },
                            xAxis: [{
                                type: 'category',
                                axisTick: {
                                    show: false
                                },
                                data: ['10%概率', '50%概率', '90%概率']
                            }],
                            yAxis: [{
                                type: 'value'
                            }],
                            series: [{
                                    name: '21天内所在地无病历',
                                    type: 'bar',
                                    barGap: 0,
                                    label: {
                                        show: true,
                                        position: 'top'
                                    },
                                    emphasis: {
                                        focus: 'series'
                                    },
                                    data: data.n21
                                },
                                {
                                    name: '14天内所在地无病历',
                                    type: 'bar',
                                    label: {
                                        show: true,
                                        position: 'top'
                                    },
                                    emphasis: {
                                        focus: 'series'
                                    },
                                    data: data.n14
                                },
                                {
                                    name: '7天内所在地无病历',
                                    type: 'bar',
                                    label: {
                                        show: true,
                                        position: 'top'
                                    },
                                    emphasis: {
                                        focus: 'series'
                                    },
                                    data: data.n7
                                }
                            ]
                        };
                        var myChart2_1 = echarts.init(document
                            .getElementById('ans2_1'));
                        myChart2_1.setOption(option2_1);
                    })
                } else
                    $.get('/answer2', {
                        question: '2-1'
                    }, function (re) {
                        data = re;
                        var option2_1 = {
                            title: {
                                text: '返校所需条件预测结果',
                                left: 'center'

                            },
                            tooltip: {
                                trigger: 'axis',
                                axisPointer: {
                                    type: 'shadow'
                                }
                            },
                            legend: {
                                data: ['21天内所在地无病历', '14天内所在地无病历', '7天内所在地无病历'],
                                top: 'bottom',

                            },
                            toolbox: {
                                show: true,
                                orient: 'vertical',
                                left: 'right',
                                top: 'center',
                                feature: {
                                    mark: {
                                        show: true
                                    },
                                    dataView: {
                                        show: true,
                                        readOnly: false
                                    },
                                    magicType: {
                                        show: true,
                                        type: ['line', 'bar', 'stack']
                                    },
                                    restore: {
                                        show: true
                                    },
                                    saveAsImage: {
                                        show: true
                                    }
                                }
                            },
                            xAxis: [{
                                type: 'category',
                                axisTick: {
                                    show: false
                                },
                                data: ['10%概率', '50%概率', '90%概率']
                            }],
                            yAxis: [{
                                type: 'value'
                            }],
                            series: [{
                                    name: '21天内所在地无病历',
                                    type: 'bar',
                                    barGap: 0,
                                    label: {
                                        show: true,
                                        position: 'top'
                                    },
                                    emphasis: {
                                        focus: 'series'
                                    },
                                    data: data.n21
                                },
                                {
                                    name: '14天内所在地无病历',
                                    type: 'bar',
                                    label: {
                                        show: true,
                                        position: 'top'
                                    },
                                    emphasis: {
                                        focus: 'series'
                                    },
                                    data: data.n14
                                },
                                {
                                    name: '7天内所在地无病历',
                                    type: 'bar',
                                    label: {
                                        show: true,
                                        position: 'top'
                                    },
                                    emphasis: {
                                        focus: 'series'
                                    },
                                    data: data.n7
                                }
                            ]
                        };
                        var myChart2_1 = echarts.init(document
                            .getElementById('ans2_1'));
                        myChart2_1.setOption(option2_1);
                    })
            });
            form.on('switch(switchTest2)', function (data) {
                if (this.checked == true) {
                    $.get('/answer2', {
                        question: '2-2',
                        weight: 'true'
                    }, function (re) {
                        data = re
                        var option2_2 = {
                            title: {
                                text: '返校后隔离政策预测结果',
                                left: 'center'
                            },
                            tooltip: {
                                trigger: 'axis',
                                axisPointer: {
                                    type: 'shadow'
                                }
                            },
                            legend: {
                                data: ['14天集中隔离+7天宿舍隔离', '7天集中隔离+7天宿舍隔离', '7天宿舍隔离',
                                    '不隔离'
                                ],
                                top: 'bottom',
                            },
                            toolbox: {
                                show: true,
                                orient: 'vertical',
                                left: 'right',
                                top: 'center',
                                feature: {
                                    mark: {
                                        show: true
                                    },
                                    dataView: {
                                        show: true,
                                        readOnly: false
                                    },
                                    magicType: {
                                        show: true,
                                        type: ['line', 'bar', 'stack']
                                    },
                                    restore: {
                                        show: true
                                    },
                                    saveAsImage: {
                                        show: true
                                    }
                                }
                            },
                            xAxis: [{
                                type: 'category',
                                axisTick: {
                                    show: false
                                },
                                data: ['10%概率', '50%概率', '90%概率']
                            }],
                            yAxis: [{
                                type: 'value'
                            }],
                            series: [{
                                    name: '14天集中隔离+7天宿舍隔离',
                                    type: 'bar',
                                    barGap: 0,
                                    label: {
                                        show: true,
                                        position: 'top'
                                    },
                                    emphasis: {
                                        focus: 'series'
                                    },
                                    data: data.g147
                                },
                                {
                                    name: '7天集中隔离+7天宿舍隔离',
                                    type: 'bar',
                                    label: {
                                        show: true,
                                        position: 'top'
                                    },
                                    emphasis: {
                                        focus: 'series'
                                    },
                                    data: data.g77
                                },
                                {
                                    name: '7天宿舍隔离',
                                    type: 'bar',
                                    label: {
                                        show: true,
                                        position: 'top'
                                    },
                                    emphasis: {
                                        focus: 'series'
                                    },
                                    data: data.g07
                                },
                                {
                                    name: '不隔离',
                                    type: 'bar',
                                    label: {
                                        show: true,
                                        position: 'top'
                                    },
                                    emphasis: {
                                        focus: 'series'
                                    },
                                    data: data.gno
                                }
                            ]
                        };
                        var myChart2_2 = echarts.init(document
                            .getElementById('ans2_2'));
                        myChart2_2.setOption(option2_2);
                    })
                } else
                    $.get('/answer2', {
                        question: '2-2'
                    }, function (re) {
                        data = re;
                        var option2_2 = {
                            title: {
                                text: '返校后隔离政策预测结果',
                                left: 'center'

                            },
                            tooltip: {
                                trigger: 'axis',
                                axisPointer: {
                                    type: 'shadow'
                                }
                            },
                            legend: {
                                data: ['14天集中隔离+7天宿舍隔离', '7天集中隔离+7天宿舍隔离', '7天宿舍隔离',
                                    '不隔离'
                                ],
                                top: 'bottom',

                            },
                            toolbox: {
                                show: true,
                                orient: 'vertical',
                                left: 'right',
                                top: 'center',
                                feature: {
                                    mark: {
                                        show: true
                                    },
                                    dataView: {
                                        show: true,
                                        readOnly: false
                                    },
                                    magicType: {
                                        show: true,
                                        type: ['line', 'bar', 'stack']
                                    },
                                    restore: {
                                        show: true
                                    },
                                    saveAsImage: {
                                        show: true
                                    }
                                }
                            },
                            xAxis: [{
                                type: 'category',
                                axisTick: {
                                    show: false
                                },
                                data: ['10%概率', '50%概率', '90%概率']
                            }],
                            yAxis: [{
                                type: 'value'
                            }],
                            series: [{
                                    name: '14天集中隔离+7天宿舍隔离',
                                    type: 'bar',
                                    barGap: 0,
                                    label: {
                                        show: true,
                                        position: 'top'
                                    },
                                    emphasis: {
                                        focus: 'series'
                                    },
                                    data: data.g147
                                },
                                {
                                    name: '7天集中隔离+7天宿舍隔离',
                                    type: 'bar',
                                    label: {
                                        show: true,
                                        position: 'top'
                                    },
                                    emphasis: {
                                        focus: 'series'
                                    },
                                    data: data.g77
                                },
                                {
                                    name: '7天宿舍隔离',
                                    type: 'bar',
                                    label: {
                                        show: true,
                                        position: 'top'
                                    },
                                    emphasis: {
                                        focus: 'series'
                                    },
                                    data: data.g07
                                },
                                {
                                    name: '不隔离',
                                    type: 'bar',
                                    label: {
                                        show: true,
                                        position: 'top'
                                    },
                                    emphasis: {
                                        focus: 'series'
                                    },
                                    data: data.gno
                                }
                            ]
                        };
                        var myChart2_2 = echarts.init(document
                            .getElementById('ans2_2'));
                        myChart2_2.setOption(option2_2);
                    })
            });
            form.on('switch(switchTest3)', function (data) {
                if (this.checked == true) {
                    $.get('/answer2', {
                        question: '3',
                        weight: 'true'
                    }, function (re) {
                        data = re
                        var option3 = {
                            title: {
                                text: '下学期返校时间预测结果',
                                left: 'center'

                            },
                            tooltip: {
                                trigger: 'axis',
                                axisPointer: {
                                    type: 'shadow'
                                }
                            },
                            legend: {
                                data: ['正常返校', '10月返校', '11月返校', '12月返校', '不返校'],
                                top: 'bottom',

                            },
                            toolbox: {
                                show: true,
                                orient: 'vertical',
                                left: 'right',
                                top: 'center',
                                feature: {
                                    mark: {
                                        show: true
                                    },
                                    dataView: {
                                        show: true,
                                        readOnly: false
                                    },
                                    magicType: {
                                        show: true,
                                        type: ['line', 'bar', 'stack']
                                    },
                                    restore: {
                                        show: true
                                    },
                                    saveAsImage: {
                                        show: true
                                    }
                                }
                            },
                            xAxis: [{
                                type: 'category',
                                axisTick: {
                                    show: false
                                },
                                data: ['10%概率', '50%概率', '90%概率']
                            }],
                            yAxis: [{
                                type: 'value'
                            }],
                            series: [{
                                    name: '正常返校',
                                    type: 'bar',
                                    barGap: 0,
                                    label: {
                                        show: true,
                                        position: 'top'
                                    },
                                    emphasis: {
                                        focus: 'series'
                                    },
                                    data: data.byes
                                },
                                {
                                    name: '10月返校',
                                    type: 'bar',
                                    label: {
                                        show: true,
                                        position: 'top'
                                    },
                                    emphasis: {
                                        focus: 'series'
                                    },
                                    data: data.b10
                                },
                                {
                                    name: '11月返校',
                                    type: 'bar',
                                    label: {
                                        show: true,
                                        position: 'top'
                                    },
                                    emphasis: {
                                        focus: 'series'
                                    },
                                    data: data.b11
                                },
                                {
                                    name: '12月返校',
                                    type: 'bar',
                                    label: {
                                        show: true,
                                        position: 'top'
                                    },
                                    emphasis: {
                                        focus: 'series'
                                    },
                                    data: data.b12
                                },
                                {
                                    name: '不返校',
                                    type: 'bar',
                                    label: {
                                        show: true,
                                        position: 'top'
                                    },
                                    emphasis: {
                                        focus: 'series'
                                    },
                                    data: data.bno
                                }
                            ]
                        };
                        var myChart3 = echarts.init(document
                            .getElementById('ans3'));
                        myChart3.setOption(option3);
                    })
                } else
                    $.get('/answer2', {
                        question: '3'
                    }, function (re) {
                        data = re;
                        var option3 = {
                            title: {
                                text: '下学期返校时间预测结果',
                                left: 'center'

                            },
                            tooltip: {
                                trigger: 'axis',
                                axisPointer: {
                                    type: 'shadow'
                                }
                            },
                            legend: {
                                data: ['正常返校', '10月返校', '11月返校', '12月返校', '不返校'],
                                top: 'bottom',

                            },
                            toolbox: {
                                show: true,
                                orient: 'vertical',
                                left: 'right',
                                top: 'center',
                                feature: {
                                    mark: {
                                        show: true
                                    },
                                    dataView: {
                                        show: true,
                                        readOnly: false
                                    },
                                    magicType: {
                                        show: true,
                                        type: ['line', 'bar', 'stack']
                                    },
                                    restore: {
                                        show: true
                                    },
                                    saveAsImage: {
                                        show: true
                                    }
                                }
                            },
                            xAxis: [{
                                type: 'category',
                                axisTick: {
                                    show: false
                                },
                                data: ['10%概率', '50%概率', '90%概率']
                            }],
                            yAxis: [{
                                type: 'value'
                            }],
                            series: [{
                                    name: '正常返校',
                                    type: 'bar',
                                    barGap: 0,
                                    label: {
                                        show: true,
                                        position: 'top'
                                    },
                                    emphasis: {
                                        focus: 'series'
                                    },
                                    data: data.byes
                                },
                                {
                                    name: '10月返校',
                                    type: 'bar',
                                    label: {
                                        show: true,
                                        position: 'top'
                                    },
                                    emphasis: {
                                        focus: 'series'
                                    },
                                    data: data.b10
                                },
                                {
                                    name: '11月返校',
                                    type: 'bar',
                                    label: {
                                        show: true,
                                        position: 'top'
                                    },
                                    emphasis: {
                                        focus: 'series'
                                    },
                                    data: data.b11
                                },
                                {
                                    name: '12月返校',
                                    type: 'bar',
                                    label: {
                                        show: true,
                                        position: 'top'
                                    },
                                    emphasis: {
                                        focus: 'series'
                                    },
                                    data: data.b12
                                },
                                {
                                    name: '不返校',
                                    type: 'bar',
                                    label: {
                                        show: true,
                                        position: 'top'
                                    },
                                    emphasis: {
                                        focus: 'series'
                                    },
                                    data: data.bno
                                }
                            ]
                        };
                        var myChart3 = echarts.init(document
                            .getElementById('ans3'));
                        myChart3.setOption(option3);
                    })

            })
            $(function () {
                $.get('/answer2', {
                    question: '2-1'
                }, function (re) {
                    data = re;
                    var option2_1 = {
                        title: {
                            text: '返校所需条件预测结果',
                            left: 'center'

                        },
                        tooltip: {
                            trigger: 'axis',
                            axisPointer: {
                                type: 'shadow'
                            }
                        },
                        legend: {
                            data: ['21天内所在地无病历', '14天内所在地无病历', '7天内所在地无病历'],
                            top: 'bottom',

                        },
                        toolbox: {
                            show: true,
                            orient: 'vertical',
                            left: 'right',
                            top: 'center',
                            feature: {
                                mark: {
                                    show: true
                                },
                                dataView: {
                                    show: true,
                                    readOnly: false
                                },
                                magicType: {
                                    show: true,
                                    type: ['line', 'bar', 'stack']
                                },
                                restore: {
                                    show: true
                                },
                                saveAsImage: {
                                    show: true
                                }
                            }
                        },
                        xAxis: [{
                            type: 'category',
                            axisTick: {
                                show: false
                            },
                            data: ['10%概率', '50%概率', '90%概率']
                        }],
                        yAxis: [{
                            type: 'value'
                        }],
                        series: [{
                                name: '21天内所在地无病历',
                                type: 'bar',
                                barGap: 0,
                                label: {
                                    show: true,
                                    position: 'top'
                                },
                                emphasis: {
                                    focus: 'series'
                                },
                                data: data.n21
                            },
                            {
                                name: '14天内所在地无病历',
                                type: 'bar',
                                label: {
                                    show: true,
                                    position: 'top'
                                },
                                emphasis: {
                                    focus: 'series'
                                },
                                data: data.n14
                            },
                            {
                                name: '7天内所在地无病历',
                                type: 'bar',
                                label: {
                                    show: true,
                                    position: 'top'
                                },
                                emphasis: {
                                    focus: 'series'
                                },
                                data: data.n7
                            }
                        ]
                    };
                    var myChart2_1 = echarts.init(document
                        .getElementById('ans2_1'));
                    myChart2_1.setOption(option2_1);

                    $.get('/answer2', {
                        question: '2-2'
                    }, function (re) {
                        data = re;
                        console.log(data)
                        var option2_2 = {
                            title: {
                                text: '返校后隔离政策预测结果',
                                left: 'center'

                            },
                            tooltip: {
                                trigger: 'axis',
                                axisPointer: {
                                    type: 'shadow'
                                }
                            },
                            legend: {
                                data: ['14天集中隔离+7天宿舍隔离', '7天集中隔离+7天宿舍隔离', '7天宿舍隔离',
                                    '不隔离'
                                ],
                                top: 'bottom',

                            },
                            toolbox: {
                                show: true,
                                orient: 'vertical',
                                left: 'right',
                                top: 'center',
                                feature: {
                                    mark: {
                                        show: true
                                    },
                                    dataView: {
                                        show: true,
                                        readOnly: false
                                    },
                                    magicType: {
                                        show: true,
                                        type: ['line', 'bar', 'stack']
                                    },
                                    restore: {
                                        show: true
                                    },
                                    saveAsImage: {
                                        show: true
                                    }
                                }
                            },
                            xAxis: [{
                                type: 'category',
                                axisTick: {
                                    show: false
                                },
                                data: ['10%概率', '50%概率', '90%概率']
                            }],
                            yAxis: [{
                                type: 'value'
                            }],
                            series: [{
                                    name: '14天集中隔离+7天宿舍隔离',
                                    type: 'bar',
                                    barGap: 0,
                                    label: {
                                        show: true,
                                        position: 'top'
                                    },
                                    emphasis: {
                                        focus: 'series'
                                    },
                                    data: data.g147
                                },
                                {
                                    name: '7天集中隔离+7天宿舍隔离',
                                    type: 'bar',
                                    label: {
                                        show: true,
                                        position: 'top'
                                    },
                                    emphasis: {
                                        focus: 'series'
                                    },
                                    data: data.g77
                                },
                                {
                                    name: '7天宿舍隔离',
                                    type: 'bar',
                                    label: {
                                        show: true,
                                        position: 'top'
                                    },
                                    emphasis: {
                                        focus: 'series'
                                    },
                                    data: data.g07
                                },
                                {
                                    name: '不隔离',
                                    type: 'bar',
                                    label: {
                                        show: true,
                                        position: 'top'
                                    },
                                    emphasis: {
                                        focus: 'series'
                                    },
                                    data: data.gno
                                }
                            ]
                        };
                        var myChart2_2 = echarts.init(document
                            .getElementById('ans2_2'));
                        myChart2_2.setOption(option2_2);
                    })
                    $.get('/answer2', {
                        question: '3'
                    }, function (re) {
                        data = re;
                        console.log(data)
                        var option3 = {
                            title: {
                                text: '下学期返校时间预测结果',
                                left: 'center'

                            },
                            tooltip: {
                                trigger: 'axis',
                                axisPointer: {
                                    type: 'shadow'
                                }
                            },
                            legend: {
                                data: ['正常返校', '10月返校', '11月返校', '12月返校', '不返校'],
                                top: 'bottom',

                            },
                            toolbox: {
                                show: true,
                                orient: 'vertical',
                                left: 'right',
                                top: 'center',
                                feature: {
                                    mark: {
                                        show: true
                                    },
                                    dataView: {
                                        show: true,
                                        readOnly: false
                                    },
                                    magicType: {
                                        show: true,
                                        type: ['line', 'bar', 'stack']
                                    },
                                    restore: {
                                        show: true
                                    },
                                    saveAsImage: {
                                        show: true
                                    }
                                }
                            },
                            xAxis: [{
                                type: 'category',
                                axisTick: {
                                    show: false
                                },
                                data: ['10%概率', '50%概率', '90%概率']
                            }],
                            yAxis: [{
                                type: 'value'
                            }],
                            series: [{
                                    name: '正常返校',
                                    type: 'bar',
                                    barGap: 0,
                                    label: {
                                        show: true,
                                        position: 'top'
                                    },
                                    emphasis: {
                                        focus: 'series'
                                    },
                                    data: data.byes
                                },
                                {
                                    name: '10月返校',
                                    type: 'bar',
                                    label: {
                                        show: true,
                                        position: 'top'
                                    },
                                    emphasis: {
                                        focus: 'series'
                                    },
                                    data: data.b10
                                },
                                {
                                    name: '11月返校',
                                    type: 'bar',
                                    label: {
                                        show: true,
                                        position: 'top'
                                    },
                                    emphasis: {
                                        focus: 'series'
                                    },
                                    data: data.b11
                                },
                                {
                                    name: '12月返校',
                                    type: 'bar',
                                    label: {
                                        show: true,
                                        position: 'top'
                                    },
                                    emphasis: {
                                        focus: 'series'
                                    },
                                    data: data.b12
                                },
                                {
                                    name: '不返校',
                                    type: 'bar',
                                    label: {
                                        show: true,
                                        position: 'top'
                                    },
                                    emphasis: {
                                        focus: 'series'
                                    },
                                    data: data.bno
                                }
                            ]
                        };
                        var myChart3 = echarts.init(document
                            .getElementById('ans3'));
                        myChart3.setOption(option3);
                    })
                })
            })
            table.render({
                elem: '#currentTableId',
                url: '/answer1',
                toolbar: '#toolbarDemo',
                defaultToolbar: ['filter', 'exports', 'print'],
                cols: [
                    [{
                            type: "checkbox",
                            width: 50
                        },
                        {
                            field: 'expert_id',
                            minWidth: 150,
                            title: '专家编号',
                            sort: true
                        },
                        {
                            field: 'area',
                            minWidth: 150,
                            title: '地区'
                        },
                        {
                            field: 'des',
                            minWidth: 150,
                            title: '疫情严重情况'
                        },
                        {
                            field: 'hs',
                            minWidth: 150,
                            title: '核酸频率'
                        },
                        {
                            field: 'out',
                            title: '限制出行情况',
                            minWidth: 150
                        }
                    ]
                ],
                limits: [20],
                limit: 20,
                page: true,
                skin: 'line'
            });
            $('.layui-tab-title').children('li').on('click', function () {
                var index = $('.layui-tab-title').children('li').index(this);
                for (var i = 0; i < 4; i++) {
                    if (i == index) {
                        $('.layui-tab-content').css('display', 'none');
                        var name = '#' + 'content' + i;
                        $(name).css('display', 'block');
                    }
                }
            })
            //监听提交
            form.on('submit(saveBtn)', function (data) {
                var index = layer.alert(JSON.stringify(data.field), {
                    title: '最终的提交信息'
                }, function () {

                    // 关闭弹出层
                    layer.close(index);

                    var iframeIndex = parent.layer.getFrameIndex(window.name);
                    parent.layer.close(iframeIndex);

                });

                return false;
            });

        });
    </script>
</body>

</html>